<template>
  <div class="personal-info">
    <div>
      <p><span>帐号：</span><span>{{ userInfo.account }}</span></p>
      <p><span>我的角色：</span><span>{{ userInfo.roleName }}</span></p>
      <p><span>真实姓名：</span><span>{{ userInfo.userName }}</span></p>
      <p>
        <span>
          <template v-if="userInfo.identity===1">
            学号：
          </template>
          <template v-else>
            工号：
          </template>
        </span>
        <span>{{ userInfo.userNumber }}</span>
      </p>
      <p><span>身份证地址：</span><span>{{ userInfo.idEntityCardAddress }}</span></p>
      <p><span>现居住地：</span><span>{{ userInfo.address }}</span></p>
    </div>
  </div>
</template>
<script>
export default {
  mounted() {

  },
  data() {
    return {};
  },
  computed: {
    userInfo() {
      console.log(this.$store.getters.userInfo);
      return this.$store.getters.userInfo;
    }
  },
};
</script>

<style>
.personal-info {
  padding: 30px 0 0 50px;
}

.personal-info > div {
  width: 300px;
  padding: 0 10px;
  /*border-bottom: 1px solid #a8a8a8;*/
  margin-bottom: 20px;
}

.personal-info > div > p {
  font-size: 15px;
  padding: 5px;
}

.personal-info > div > p > span:nth-child(2) {
  margin-left: 20px;
}

.personal-info > span {
  font-size: 13px;
  color: red;
  position: relative;
  left: 13px;
}
</style>

